.thePage {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.flex_column {
  display: flex;
  flex-direction: column;
}

.flex_align {
  display: flex;
  align-items: center;
}

.flex_up {
  display: flex;
  align-items: flex-start;
}

.flex_around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.flex_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex_right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-1 { flex: 1 1 0%; }
.flex_w { flex-wrap: wrap; }
.flex_s { flex-shrink: 0; }
.oflow_y { overflow-y: auto; }

.b_red { border: 1px solid red; }
.b_b8{ border-bottom: 8px solid #efefef; }

.f_blod { font-weight: bold; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }

.mt10 { margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mb10 { margin-bottom: 10px; }
.mb12 { margin-bottom: 12px; }
.mb20 { margin-bottom: 20px; }
.ml15 { margin-left: 15px; }
.plr20{ padding: 0 20px; }
.pb15 { padding-bottom: 15px; }
.pb40 { padding-bottom: 40px; }

.iblack { color: black; }
.iblue { color: #2499F6; }
.iyellow { color: #FFBE61; }
.ired { color: #FF0000; }
.igreen { color: #6DD77F; }
.igray{ color:#AAAAAA; }

.bg_blue { background: #2499F6; }
.bg_green { background: #6DD77F; }
.bg_red { background: #FF0000; }

.female {
  fill: #fe6ec1 !important;
  color: #fe6ec1;
}

.male {
  fill: #038bfe !important;
  color: #038bfe;
}

.clickable:active {
  background-color: #f2f3f5;
}
.half_line::after {
  content: '';
  border-bottom: 1px solid #C9C9C9;
  position: absolute;
  left: 0; right: 0; bottom: 0;
  transform: scaleY(.5);
}

/* 边框 */
.b-r {
  border-right: 1px solid #ededed;
}
.b-b {
  border-bottom: 1px solid #ededed;
}
.b-t {
  border-top: 1px solid #ededed;
}
.b-l {
  border-left: 1px solid #ededed;
}

.page {
  border-radius: 10px;
  box-shadow: 0px -1px 10px 1px #ccc;
  margin: 3vw;
  padding: 3vw 0;
  min-height: 166vw;
}
.but {
  margin: 0 auto;
  text-align: center;
  width: 90%;
}

/* 确定、取消 按钮 */
.sure, .cal {
  position: relative;
  font-size: 0.8em;
  color: #fff;
  border: none;
  border-radius: 10vw;
  padding: 1.6vw 9.5vw;
  margin-bottom: 5vw;
  background: linear-gradient(70deg, #fccf4e 0%, #f48953 100%);
}
.cal {
  background: #ccc;
  margin-right: 10vw;
}

.BButton {
  border-radius: 30px;
  padding: 3vw 0;
  background: -webkit-linear-gradient(left, #0188fc, #39b2f2);
  border: 0px;
  color: rgb(253, 245, 245);
  font-size: 0.95em;
}
.myPage {
  width: 100%;
  background-color: #fff;
  height: 166vw;
}

.bg-grey {
  width: 100%;
  height: 2.3vw;
  background-color: #f1f1f1;
}

.mybtn {
  background: linear-gradient(90deg, rgba(1, 136, 252, 1), rgba(58, 179, 242, 1));
  font-size: 14px;
  color: white;
  cursor: pointer;
  touch-action: manipulation;
}

/* 无数据显示 */
.empty_all {
  flex: 1 1 0%;
  font-size: 18px;
  color: #999;
  font-weight: bold;
  margin-top: -18px;
}